<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%--   <%
       out.clear();
       out=pageContext.popBody();
   %> --%>
<!DOCTYPE html>

<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    <title>人事管理系统</title>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="shortcut icon" href="${ctx}/public/logo.ico" type="image/x-icon"/>
    <link href="${ctx}/js/metronic/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/js/metronic/css/base.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/js/metronic/css/login.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="${ctx}/js/metronic/css/jquery.slider.css" type="text/css"/>

    <script type="text/javascript" src="${ctx }/js/jquery-1.11.0.js"></script>
    <script type="text/javascript" src="${ctx }/js/jquery-migrate-1.2.1.js"></script>
    <script type="text/javascript" src="${ctx}/public/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="${ctx}/public/js/xadmin.js"></script>
    <script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
    <script type="text/javascript" src="${ctx}/js/jquery.slider.js"></script>
    <script type="text/javascript" src="${ctx}/ajax_js/check.js"></script>


    <script type="text/javascript">
        setTimeout(function () {
            document.getElementById("password_message").style.display = "none";
        }, 5000);
        setTimeout(function () {
            document.getElementById("new_message").style.display = "none";
        }, 10000);

    </script>


    <style type="text/css">
        html,body,.hlight {
            overflow-x: hidden;
            width: 100%!important;
            height: 100%!important;
        }
        .slider-origin{
            display: none!important;
        }
        #main{
            display: flex!important;
            justify-content: center;
            align-items: center;
        }
        .topBox{
            position: absolute;
            width: 100%;
            top: 0px;
            left: 0px;
            z-index: 1;
        }
        #register{
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -150px!important;
            margin-top: -150px!important;

        }
        #container .hlight{
            background: url("public/images/timg2.jpg")0 0 no-repeat;
            background-size: 100% 100%;
        }
    </style>

</head>
<!-- oncontextmenu="self.event.returnValue=false"  屏蔽右键
 onselectstart="return false"   防止选择复制-->
<body oncontextmenu="self.event.returnValue=false" onselectstart="return false" class="hlight">
<div style="width: 100%;height:48px; background-color:RGB(43,48,59) " class="topBox">
    <ul style="margin-left: 40px;padding-top:6px">
        <li style="display: inline-block;"><h1><a href="loginForm.html" style="color:white;font-size:20px;">人事管理系统</a>
        </h1></li>
        <li style="display: inline-block; margin-left: 120px;"><a
                style="font-size:14px;color:rgb(130,130,130); ">用户登陆</a></li>
        <li style="display: inline-block; margin-left: 60px;"><a href="loginForm.html"
                                                                 style="font-size:14px;color:rgb(130,130,130); ">首页</a>
        </li>
        <li style="display: inline-block; margin-left: 60px;"><a href="#" onclick="location.href='./recruitment';"
                                                                 style="font-size:14px;color:rgb(130,130,130); ">招聘页面</a>
        </li>
        <li style="display: inline-block; margin-left: 80px;"><a
                href="javascript:alert('本系统只提供管理员和公司人员登录系统！！！');"
                style="font-size:14px;color:rgb(130,130,130); ">帮助与文档</a></li>
        <li style="display: inline-block; margin-left: 64px;"><p style="font-size:14px;color:rgb(130,130,130);">
            客服电话：15295773708</p></li>
    </ul>
</div>

<div id="main" style="width:100%;height:100%;float:left;">

    <div class="container hlight"  style="background: url('public/images/timg2.jpg')0 0 no-repeat;background-size: 100% 100%;" >
        <!-- <div  style="background-color:green;width: 1360px;height:610px; float:left;"> -->
        <!-- 幻灯片 -->

        <div class="testSlider" style="margin-left:-50px;"></div>

        <div id="register" class="register" style="height:300px;margin-top:150px;margin-left:205px;opacity:0.9;">
            <div class="title">
                <span style="color: rgb(32,35,64);">系统登录</span>
                <div style="height: 10px;margin-top:15px;">
                    <input id="span_id" disabled="disabled" value=""
                           style="background-color:transparent;border:0;color: red" size="45"/>
                </div>
            </div>  <!--  -->
            <form method="post" action="login" name="check-form" id="toLoginForm">

                <div class="default" style="margin-top:40px;">
                    <input data-form="uname" type="text" placeholder="请输入登录名" onchange="tocheckLoginname()"
                           id="loginname" name="loginname" value="${user.loginname}"/>
                </div>
                <div style="height: 10px;margin-top: -10px;">
                    <input id="test" disabled="disabled" value=""
                           style="background-color:transparent;border:0;color: red"/>
                </div>
                <div class="default">
                    <input id="password" name="password"
                           value="${user.password}" data-form="upwd" type="password" placeholder="请输入账号密码 "/>
                </div>


                <div class="submit" style="margin-top: 12px;">
                    <button type="button" id="login-submit-btn" class="s_hover" onclick="checkLoginnameAndPassword()">
                        安全登录
                    </button>
                    <%--<button type="button" id="login-submit-btn" class="s_hover" >
                        安全登录
                    </button>--%>
                </div>
            </form>


            <div id="password_message" style="color: red;margin-left:110px;">${message}</div>
            <div id="new_message" style="color: red;margin-left:40px;">${new_message}</div>
        </div>
    </div>
</div>
<!-- 底部开始 -->
<%--<div style="width: 100%;height:100%; background-color:RGB(43,48,59) ;margin-top:725px;">--%>
    <%--<div align="center" style="padding-top:15px;color:RGB(153,153,153);">Copyright ©2021 欢迎来到人事管理系统！</div>--%>
    <%--<div align="center" style="padding-top:15px;color:RGB(153,153,153);"></div>--%>
<%--</div>--%>
<!-- 底部结束 -->

<script>
    window.onload = function () {
        var currentIndex = 0;
        $('.testSlider1').slider({
            originType: 'tuoyuan'
        });
    }
</script>

</body>
</html>